<template>
  <div class="backgroundColor1 container fixed mychangeRecord">
    <Header content="公告详情"></Header>
    <div>
      <div>
        <!--<div class="center">-->
          <!--{{noticeinfo.title}}-->
        <!--</div>-->
        <!--<div class="font13 center" style="color: #C3C3C3;">-->
          <!--{{noticeinfo.inputtime}}-->
        <!--</div>-->
        <div v-html="noticeinfo.content" style="padding: 10px;"></div>
      </div>
    </div>
  </div>
</template>
<script>
  import Header from '../common/header.vue'
  export default{
    data(){
      return {
        page:{
          total:0,
          page:1,
          pagesize:10
        },
        noticeinfo:{},// 1充 2提
      }
    },
    methods:{

    },
    created(){
      this.service('notice',{
        id:this.$route.params.id
      }).then(res=>{
        this.noticeinfo = res.data.info
      });
    },
    components:{
      Header
    }
  }
</script>
<style>
  .mychangeRecord .vux-tab{
    background: #1F1F28;
  }
  .mychangeRecord .vux-tab .vux-tab-item{
    background:none;
  }
  .tabContain .tabContainWrap{
    margin-left: 18px;
  }
  .tabContain .tabContainWrap>div{
    padding:12px 18px 12px 0;
    border-bottom: 1px solid #3A3A47;
  }
  .redRecord{
    color:#F5646E;
  }
  .greenRecord{
    color:#14DC87;
  }
</style>
